<template lang="pug">
  div
    .operate(v-if="$route.path === '/operative'")
      el-row(:gutter="20")
        el-col(:span="19")
          .panel1
            data-statics
        el-col(:span="5")
          .panel1
            quik-nav
      el-row.mt30(:gutter="20")
        el-col(:span="16")
          .panel2
            daily-affire
        el-col(:span="8")
          .panel2
            doc-quik-nav
    router-view(v-else)
</template>
<script>
import DataStatics from './components/dataStatics'
import QuikNav from './components/quikNav'
import DailyAffire from './components/dailyAffire'
import DocQuikNav from './components/docQuikNav'

export default {
  components: {
    DataStatics,
    QuikNav,
    DailyAffire,
    DocQuikNav
  }
}
</script>
<style lang="scss">
  .panel1{
    background: #ffffff;
  }

  .panel2{
    height: 677px;
    background: #ffffff;
  }
  .quesheng{
    display: flex;
    flex-direction: column;
    align-items: center;
    img{
      margin-bottom: 12px;
    }
  }
</style>
